/*****************admin*****************/
.admin{
  background: #FBFBFB;

  .ad-container {
    // min-width: 1000px;
  }
}

/***************ad-header***************/
.ad-header{
  position: relative;
  z-index: 9;

  background: #fff;

  .ad-header-top{
    display: flex;
    align-items: center;
    height: 100%;

    .ad-header-top-logo{
      img{
        display: block;
        width: 160px;
        height: auto;
        margin-left: 16px;
      }
    }

    .ad-header-top-btn{
      width: 106px;
      height: 32px;
      padding: 0 0;
      text-align: center;
      line-height: 32px;

      font-size: 12px;
      color: #43475C;
      border: 1px solid #F3F5FA;
    }

    @keyframes subhide {
      0%{
        height: 0px;
      }
      100%{
        height: 150px;
      }
    }

    .ad-header-top-mine{
      height: 100%;

      .mine-sub{
        position: relative;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;

        .mine-pic{
          width: 34px;
          height: 34px;
          margin-right: 10px;

          border-radius: 50%;
          vertical-align: middle;
        }

        .mine-arrow{
          font-size: 12px;
          vertical-align: middle;
          transition: transform .3s ease-in-out;
        }
      }

      .mine-sub:hover{
        background: #ecf5ff;
      }

      .mine-box{
        position: absolute;
        top: 55px;
        right: 0;
        overflow: hidden;
        // animation: subhide .3s ease-in-out 1;
      }
    }

    .is-opened{
      .mine-arrow{
        transform: rotateZ(180deg);
      }

      .mine-box{
        display: none;
      }
    }
  }
}

/***************ad-aside****************/
.ad-aside{
  cursor: pointer;
  background: #fff;
  z-index: 1;

  .ad-creat{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;

    .ad-creat-btn{
      width: 170px;
      height: 40px;

      font-size: 14px;
      background: #007cfa;
      color: #fff;
    }
  }

  .is-active{
    background: #f3f5fa !important;
    border-left: 3px solid #007cfa !important;
    color: #007cfa !important;
  }

  .ad-op{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 200px;
    height: 38px;
    margin-bottom: 12px;
    padding: 0 18px !important;
    text-align: left;

    font-size: 14px;
    color: #43475C;
    border-left: 3px solid transparent;

    i{
      // margin-left: 15px;
      margin-right: 10px;
    }
  }
}

/***************ad-content****************/
.ad-content{
  // min-height: 1000px;
}

/***************alert-create-site****************/
.el-dialog{
  width: 30%;
}
.delete-site-data{
  .el-button{
    padding: 10px 26px;
    border-radius: 0;
  }
}
.create-site-con{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #43475C;

  li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 20px;
    border-right: 1px solid #F3F5FA;
    i{
      font-size: 40px;
    }
    p{
      font-size: 14px;
      margin-top: 20px;
    }

    &:last-child{
      border-right: none;
    }
    &:hover{
      color: var(--color-blue);
      background-color: var(--grey-bg);
    }
  }
}
/*************** chart ****************/
.bar .echarts{
  width: 100%;
  min-height: 600px;
}
